<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<style>
    .form-group .state-error input {
        background: #fff0f0;
        border-color: #A90329
    }

    .col-sm-6 .state-error input {
        background: #fff0f0;
        border-color: #A90329
    }

    .col-md-2 .state-error input {
        background: #fff0f0;
        border-color: #A90329
    }

    .col-md-2 .state-success input {
        background: #f0fff0;
        border-color: #7DC27D
    }

    .col-md-2 .state-error em {
        display: block;
        /*margin-top: 6px;*/
        padding: 1px 1px;
        font-style: normal;
        font-size: 11px;
        line-height: 15px;
        color: #D56161
    }

    .form-group .state-error em {
        display: block;
        margin-top: 6px;
        padding: 0 1px;
        font-style: normal;
        font-size: 11px;
        line-height: 15px;
        color: #D56161
    }

    .form-group .state-success input {
        background: #f0fff0;
        border-color: #7DC27D
    }

    .col-sm-6 .state-success input {
        background: #f0fff0;
        border-color: #7DC27D
    }

    .form-group input:hover {
        border-color: #5D98CC
    }

    .input-group {
        width: 50%;
    }

    .attributeError {
        color: #d56161;
        display: block;
        font-size: 11px;
        font-style: normal;
        line-height: 15px;
        margin-top: 6px;
        padding: 0 1px;
    }

    .tableDataError {
        background: #fff0f0;
        font-size: 12px;
        color: #D56161
    }

</style>
<!-- row -->
<div class="row">
    <article class="col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable">
        <div class="jarviswidget well" id="wid-id-3" data-widget-colorbutton="false" data-widget-editbutton="false"
             data-widget-togglebutton="false" data-widget-deletebutton="false"
             data-widget-fullscreenbutton="false" data-widget-custombutton="false" data-widget-sortable="false">
            <header>
            </header>
            <div class="jarviswidget-editbox">
            </div>
            <div class="widget-body">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <span class="font-md text-primary"><spring:message code="PROJECT_BREADCRUMB_NEW"/> </span>
                    </div>
                </div>

                <hr class="simple">
                <div class="row">
                    <form class="smart-form" id="project-form" method="post">
                        <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
                            <fieldset>
                                <div class="row">
                                    <input type="hidden" name="id" id="p_id">
                                    <section class="col col-6">
                                        <label class="label">
                                            <spring:message code="PROJECT_CODE"/><span style="color:red">*</span>
                                        </label>
                                        <label class="input">
                                            <input class="form-control"
                                                   maxLength="<spring:message code='GLOBAL_FIELD_MAX'/>"
                                                   placeholder="<spring:message code='PROJECT_PLACEHOLDER_CODE'/>"
                                                   type="text" name="code" id="code" maxlength="100"><label
                                                id="code-label" class="attributeError"></label>
                                        </label>
                                    </section>
                                    <section class="col col-6">
                                        <label class="label">
                                            <spring:message code="PROJECT_NAME"/><span style="color:red">*</span>
                                        </label>
                                        <label class="input">
                                            <input class="form-control"
                                                   maxLength="<spring:message code='GLOBAL_FIELD_MAX'/>"
                                                   placeholder="<spring:message code='PROJECT_PLACEHOLDER_NAME'/>"
                                                   type="text" name="name" id="name" maxlength="100"><label
                                                id="name-label" class="attributeError"></label>
                                        </label>
                                    </section>
                                </div>

                                <section>
                                    <label class="label">
                                        <spring:message code="PROJECT_DESCRIPTION"/>
                                    </label>
                                    <label class="textarea">
                                        <textarea class="form-control" name="description"
                                                  placeholder="<spring:message code='PROJECT_PLACEHOLDER_DESCRIPTION'/>"
                                                  id="description" rows="3"
                                                  maxLength="<spring:message code='GLOBAL_FIELD_MAX'/>"/>
                                    </label>
                                </section>
                            </fieldset>
                            <footer>
                                <div class="text-right form-action-bar">
                                    <a href="#project" class="btn btn-default"><i class="fa fa-rotate-left"></i>
                                        <spring:message code="GLOBAL_BUTTON_CANCEL"/></a>
                                    <button type="submit" class="btn btn-primary" id="btn_saveAll">
                                        <i class="fa fa-save"></i> <spring:message code="GLOBAL_BUTTON_SAVE"/>
                                    </button>
                                </div>
                            </footer>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </article>
    <article class="col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable">
        <div class="jarviswidget well" id="wid-id-1">
            <header>
            </header>

            <div class="jarviswidget-editbox">
                <input class="form-control" type="text">
                <span class="note"><i class="fa fa-check text-success"></i><spring:message
                        code="PROJECT_CHANGEANDSAVE"/> </span>

            </div>

            <div class="widget-body">
                <p><strong><spring:message code="PROJECT_TITLE_default"/></strong> <i><spring:message
                        code="PROJECT_TITLE_SETTING"/></i></p>
                <ul id="widget-tab-1" class="nav nav-tabs  bordered">
                    <li class="active">
                        <a data-toggle="tab" href="#hr1"><i class="fa fa-lg fa-th-large"></i>
                            <span class="hidden-mobile hidden-tablet"> <spring:message
                                    code="PROJECT_TITLE_ANALYSIS"/> </span>
                        </a>
                    </li>
                    <li>
                        <a data-toggle="tab" href="#hr2"> <i class="fa fa-lg fa-bell"></i>
                            <span class="hidden-mobile hidden-tablet"><spring:message
                                    code="PROJECT_TITLE_ALARMRULE"/></span>
                        </a>
                    </li>
                    <li>
                        <a data-toggle="tab" href="#hr3"> <i class="fa fa-lg fa-bell"></i>
                            <span class="hidden-mobile hidden-tablet"><spring:message
                                    code="PROJECT_TITLE_ATTRIBUTE"/></span>
                        </a>
                    </li>
                    <li>
                        <a data-toggle="tab" href="#hr4"> <i class="fa fa-lg fa-cog"></i>
                            <span class="hidden-mobile hidden-tablet">GRR Setting</span>
                        </a>
                    </li>
                </ul>
                <div class="tab-content padding-10">
                    <div class="tab-pane fade in active" id="hr1">
                        <form class="form-horizontal" id="radio-form1">
                            <fieldset>
                                <legend><spring:message code="PROJECT_DISTRIBUTION_NUMBER"/></legend>
                                <div class="form-group">
                                    <label class="control-label"></label>

                                    <div class="col-md-4">
                                        <div class="radio">
                                            <label>
                                                <input type="radio" name="group_dc" class="default1"
                                                       checked="checked"><spring:message code="PROJECT_DEFAULT_GROUP"/>
                                            </label>
                                        </div>
                                        <div class="radio">
                                            <label>
                                                <input type="radio" class="customGroup1" name="group_dc"
                                                       id="dcRadio"><spring:message code="PROJECT_CUSTOM_GROUP"/>
                                            </label>
                                        </div>
                                        <input class="form-control" placeholder="" id="dcgroupvalue" name="analysisName"
                                               maxLength="<spring:message code='GLOBAL_FIELD_MAX'/>"
                                               style="margin-top: 8px;" type="text">
                                    </div>

                                </div>
                            </fieldset>
                        </form>
                        <form class="form-horizontal" id="radio-form2">
                            <fieldset>
                                <legend><spring:message code="PROJECT_CONTROLCHART_NUMBER"/></legend>
                                <div class="form-group">
                                    <label class="control-label"></label>
                                    <div class="col-md-4">
                                        <div class="radio">
                                            <label>
                                                <input type="radio" class="default2" name="cc_group"
                                                       checked="checked"><spring:message code="PROJECT_DEFAULT_GROUP"/>
                                            </label>
                                        </div>
                                        <div class="radio">
                                            <label>
                                                <input type="radio" class="customGroup2" name="cc_group"
                                                       id="ccRadio"><spring:message code="PROJECT_CUSTOM_GROUP"/>
                                            </label>
                                        </div>
                                        <input class="form-control" placeholder="" id="ccgroupvalue"
                                               name="analysisNameCC"
                                               maxLength="<spring:message code='GLOBAL_FIELD_MAX'/>"
                                               style="margin-top: 8px;"
                                               type="text">
                                    </div>
                                </div>
                            </fieldset>
                        </form>
                    </div>
                    <%--<div class="tab-pane fade" id="hr2">--%>
                    <%--<spring:message code="PROJECT_INFO_REPORTPAREMETERS"/>--%>
                    <%--</div>--%>

                    <div class="tab-pane fade" id="hr2">
                        <h4 class="alert alert-warning"><spring:message code="PROJECT_SET_ALARMRULES"/></h4>

                        <ul id="widget-tab-3-1" class="nav nav-tabs bordered">
                            <li class="active">
                                <a data-toggle="tab" href="#hr2-1">
                                    <span class="hidden-mobile hidden-tablet"><spring:message
                                            code="PROJECT_EARLY_WARNINGRULE"/></span>
                                </a>
                            </li>
                            <li>
                                <a data-toggle="tab" href="#hr2-2">
                                    <span class="hidden-mobile hidden-tablet"><spring:message
                                            code="PROJECT_CONTROLCHARTWARNING"/></span>
                                </a>
                            </li>
                        </ul>

                        <div class="tab-content padding-10">
                            <div class="tab-pane fade in active " id="hr2-1">
                                <table id="dt_cpw"
                                       class="table table-bordered table-striped table-hover"
                                       width="100%">
                                    <thead>
                                    <tr>
                                        <%--<th width="15%"><spring:message code="TABLE_NO"/></th>--%>
                                        <th width="15%"><spring:message code="PROJECT_TB_INDICENAME"/></th>
                                        <th width="20%"><spring:message code="PROJECT_TB_EXCELLENCE"/></th>
                                        <th width="20%"><spring:message code="PROJECT_TB_WELL"/></th>
                                        <th width="20%"><spring:message code="PROJECT_TB_ACCEPT"/></th>
                                        <th width="20%"><spring:message code="PROJECT_TB_RECTIFICATION"/></th>
                                    </tr>
                                    </thead>
                                    <tbody></tbody>
                                </table>
                            </div>

                            <div class="tab-pane fade" id="hr2-2">
                                <table id="dt_cc" class="table table-bordered table-striped table-hover"
                                       width="100%">
                                    <thead>
                                    <tr>
                                        <%--<th width="15%"><spring:message code="TABLE_NO"/></th>--%>
                                        <th width="8%"><spring:message code="PROJECT_TB_RULENAME"/></th>
                                        <th width="10%"><spring:message code="PROJECT_TB_ISANALYSE"/></th>
                                        <th width="47%"><spring:message code="PROJECT_TB_CURRENTRULE"/></th>
                                        <th width="10%"><spring:message code="PROJECT_TB_POINTS"/></th>
                                        <th width="10%"><spring:message code="PROJECT_TB_SOMEPOINTS"/></th>
                                        <th width="10%"><spring:message code="PROJECT_TB_SIGMA"/></th>
                                    </tr>
                                    </thead>
                                    <tbody></tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane fade" id="hr3">
                        <h4 class="alert alert-warning">
                            <spring:message code="PROJECT_COLUMN_TITLE"/>
                        </h4>
                        <div>
                            <div id="m_dialog_alert" class="alert alert-warning margin-bottom-10 fade in"
                                 style="display:none; margin-bottom:10px;"></div>

                            <div class="">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div>
                                                <form id="psa-form" class="smart-form" method="post">
                                                    <div class="input-group">

                                                        <input class="form-control" type="text" id="val"
                                                               name="val"
                                                               maxLength="<spring:message code='GLOBAL_FIELD_MAX'/>"
                                                               placeholder="<spring:message code='PROJECT_COLUMN'/>">

                                                        <div class="input-group-btn">
                                                            <button id="attributeSubmit" type="button"
                                                                    class="btn btn-default btn-primary">

                                                                <i class="fa fa-submit "></i> <spring:message
                                                                    code='GLOBAL_BUTTON_ADD'/>
                                                            </button>
                                                        </div>
                                                    </div>
                                                    <label id="add-label" class="attributeError"></label>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- /.modal -->

                        <table id="dt_col"
                               class="table table-bordered table-striped table-hover"
                               width="100%">
                            <thead>
                            <tr>
                                <%--<th width="15%"><spring:message code="TABLE_NO"/></th>--%>
                                <th width="20%"><spring:message code="PROJECT_COLUMN_NAME"/></th>
                                <th width="20%"><spring:message code="PROJECT_COLUMN_VALUE"/></th>
                                <th width="15%"><spring:message code="PROJECT_COLUMN_DEFAULT"/></th>
                                <th width="15%"><spring:message code="PROJECT_COLUMN_OPERATE"/></th>
                                <th width="15%"><spring:message code="PROJECT_COLUMN_SHOW"/></th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>

                    </div>

                    <div class="tab-pane fade" id="hr4">
                        <legend>GRR Default Setting</legend>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>GRR modal</label>
                                    <div>
                                        <input style="width:100%" id="slt_createProject_grr_type"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Defualt Sigma</label>
                                    <div>
                                        <input style="width:100%" id="slt_createProject_grr_sigma"
                                               placeholder="Sigma">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <form id="form_grr_creatSetting">
                                <fieldset>
                                    <div class="row" style="margin-left: 0px">
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label>Parts<span style="color:red">*</span></label>
                                                <input class="form-control" name="parts" type="text" value="10"
                                                       id="txt_createProject_grr_part" placeholder="Parts">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label>Appraisers<span style="color:red">*</span></label>
                                                <input class="form-control" name="appraisers" type="text" value="3"
                                                       id="txt_createProject_grr_operator" placeholder="Appraisers">
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label>Trials<span style="color:red">*</span></label>
                                                <input class="form-control" name="trials" type="text" value="3"
                                                       id="txt_createProject_grr_trial" placeholder="Trials">
                                            </div>
                                        </div>

                                    </div>
                                    <div>
                                        <div class=" col-md-2">
                                            <div class="form-group">
                                                <label>Excellent<span style="color:red">*</span></label>
                                                <input class="form-control" name="excellent" type="text" value="10"
                                                       id="txt_createProject_grr_Excellent" placeholder="Excellent">
                                                </label>
                                            </div>
                                        </div>
                                        <div class=" col-md-2">
                                            <div class="form-group">
                                                <label>Adequate<span style="color:red">*</span></label>
                                                <input class="form-control" name="adequate" type="text" value="20"
                                                       id="txt_createProject_grr_Adequate" placeholder="Adequate">
                                                </label>
                                            </div>
                                        </div>
                                        <div class=" col-md-2">
                                            <div class="form-group">
                                                <label>Marginal<span style="color:red">*</span></label>
                                                <input class="form-control" name="marginal" type="text" value="30"
                                                       id="txt_createProject_grr_Marginal" placeholder="Marginal">
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
                <!-- end widget content -->
            </div>
    </article>
</div>
<!-- end row -->
<script src="js/core/business/project/createProjectInit.js"></script>
